<template>
<div class="box"></div>  
</template>

<script>
export default {

}
</script>

<style scoped>
.box{
    width: 200px;
    height: 200px;
    margin: 20px;
    background: red;
    transition: all 1s;
}
.box:hover{
    background: blue;
    width: 400px;
    transform: scale(2,3) translate(-100px,50px);
}
</style>